/*body {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

canvas {
    position: absolute;
    left: 450px;
    top: 200px;
}

/*#capture{*/
/*    position: absolute;*/
/*    right: 190px;*/
/*    bottom: -40px;*/

/*}*/
#video{
    position: absolute;
    left: 100px;
    top: 200px;
}
#img{
    position: absolute;
    right: 100px;
    top: 200px;
}
.auto{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 320px;
    margin-top: -160px;
}
/*#sure{*/
/*    position: absolute;*/
/*    left: 210px;*/
/*    bottom: -40px;*/

/*}*/
button{
    position: fixed; /* 将按钮设置为固定定位 */
    bottom: 20%; /* 将按钮距离底部的距离设置为 20% */
    cursor: pointer;
    margin: 0 auto;
    border: 1px solid #f0f0f0;
    background: #5CACEE;
    color: #FFF;
    width: 100px;
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
    text-align: center;
    /*禁止选择*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

#capture {
    position: fixed;
    bottom: 15%;
    left: 22%;
    transform: translateX(-50%);
}

#sure {
    position: fixed;
    bottom: 15%;
    right: 22%;
    transform: translateX(50%);
}